<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>gzdk</title>
  <link rel="stylesheet" href="./assets/css/index.css">
  <link rel="stylesheet" href="./liNone.css">
  <!-- <script type="text/javascript" src="./assets/js/index.js"></script> -->


  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
</head>
<style>
  ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0 !important;
  }

  li {
    list-style-type: none !important;
  }

  /* 分页器 */
  /*设置div样式的整体布局*/
  .page-icon {
    margin: 20px 0 0 0;
    /*设置距离顶部20像素*/
    font-size: 0;
    /*修复行内元素之间空隙间隔*/
    text-align: center;
    /*设置内容居中显示*/
  }

  /*设置共有的的样式布局，主要是进行代码优化，提高运行效率*/
  .page-icon a,
  .page-disabled,
  .page-next {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 4px 10px 5px;
    font-size: 14PX;
    /*修复行内元素之间空隙间隔*/
    margin-right: 10px;
  }

  /*对 a 标签进行样式布局 */
  .page-icon a {
    text-decoration: none;
    /*取消链接的下划线*/
    color: #005aa0;
  }

  .page-current {
    color: #ff6600;
    padding: 4px 10px 5px;
    font-size: 14PX;
    /*修复行内元素之间空隙间隔*/
  }

  .page-disabled {
    color: #ccc;
  }

  .page-next i,
  .page-disabled i {
    cursor: pointer;
    /*设置鼠标经过时的显示状态，这里设置的是显示状态为小手状态*/
    display: inline-block;
    /*设置显示的方式为行内块元素*/
    width: 5px;
    height: 9px;
    /* background-image: url(http://img.mukewang.com/547fdbc60001bab900880700.gif); */
    /*获取图标的背景链接*/
  }

  .page-disabled i {
    background-position: -80px -608px;
    margin-right: 3px;
  }

  .page-next i {
    background-position: -62px -608px;
    margin-left: 3px;
  }


  /* 新闻hover效果 */

  /* a标签样式 */

  /*  去除所有A标签样式*/
  /*  */
  /*去除a标签下划线*/
  a {
    text-decoration: none;
  }

  /*去除未被访问的a标签的下划线*/
  a:link {
    text-decoration: none;
  }

  /*去除已经被访问过的a标签的下划线*/
  a:visited {
    text-decoration: none;
  }

  /*去除鼠标悬停时的a标签的下划线*/
  a:hover {
    text-decoration: none;
  }

  /*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
  a:active {
    text-decoration: none;
  }

  /*去除获得焦点的a标签的下划线（被鼠标点击过）*/
  a:focus {
    text-decoration: none;
  }

  /* 底部 */

  /* 底部 */


  .change {}

.change:hover .outer {
  display: block;
}

.language {
  display: flex;
  position: absolute;
  top: 35px;
  left: 22px;
  flex-direction: column;
}

.outer {
  display: none;
}

/* 三角形 */
.trangle {
  width: 0px;
  height: 0px;
  border-top: 10px solid #666666;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
 
</style>

<body>
  <div class="top-container">
    <div class="container">
      <div class="top-container-left">
        <div><a></a></div>
      </div>
      <div class="top-container-right">
        <div><a href="./login.html">登录</a></div>
        <div><a href="./register.html">免费注册</a></div>
        <div><a href="./private.html">个人详情</a></div>
        <div><a href="./navigation.html">网站导航</a></div>
        <div><a href="./help.html">帮助</a></div>
        <div class="change" style="position:relative ;">
          <a href="javascript:;">切换语言<div class="trangle" style="top: 15px;
            position: absolute;
            left: 80px;"></div>
            <div class="outer" style="padding: 0px;">
              <div class="language">
                <li style="border-bottom: 1px solid;" >Chinese</li>
                <li style="border-bottom: 1px solid;" >English</li>
                <li style="border-bottom: 1px solid;" >Japanese</li>
                <li style="border-bottom: 1px solid;" >French</li>
              </div>
            </div>
          </a>


        </div>
      </div>
    </div>
  </div>
  <div class="mod-shopsigns">
    <div class="container">
      <div class="company-logo">
        <img src="./assets/img/ptlogo.png" alt="">
      </div>
      <div class="company-name">
        <p>广州东控机电设备有限公司</p>
        <span>主营：工控电器销售,PLC,工控电器售后编程调试</span>
      </div>
    </div>
  </div>
  <div class="index-nav">
    <div class="container">
      <div id="nav">
        <div onclick="showNav2()" class="home"><a href="javascript:;">Home</a></div>
        <div onclick="showNav2()" class="prodouct"><a href="javascript:;">Prodouct</a></div>
        <div onclick="showNav2()" class="aboutus"><a href="javascript:;">About Us</a></div>
        <div onclick="showNav2()" class="servies"><a href="javascript:;">Services</a></div>
        <div onclick="showNav2()" class="contact"><a href="javascript:;">Contact</a></div>
      </div>
      <div id="showNav" onclick="showNav()">Show Nav</div>
    </div>
  </div>
  <div class="box">
    <div style="display: flex;
    width: 1200px;
    margin: 0 auto;">
      <div class="news-left col-md-4" style="    min-height: 400px;
      height: 796px;
      width: 300px;
      position: relative;
      ">
        <ul style="
        height: 200px;
        position: absolute;
        width: 270px;
        left: 15px;
        z-index: 2;">
          <li style="
          height: 100px;
          display: flex;
          background:url(./assets/img/1132845.jpg)" ;>
            <div style="padding: 20px;">
              <p style="color: #ffffff;">企业资讯</p>
              <p style="color: #3583c9;">News</p>
            </div>
          </li>
          <li style="
          display: flex;
          height: 50px;
          justify-content: center;
    align-items: center;
    background:url(./assets/img//1132843.jpg)">
            <a href="" style="
            display:inline;
            font-weight: bold;
            font-style: normal;
            text-decoration: none;">公司新闻</a>
          </li>

        </ul>
      </div>
      <div class="news-right col-md-8 " style="width:900px">
        <div style="padding:0px 0px 0px 40px;">
          <div class="head" style="height: 60px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          border-bottom-color: #ddd;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
          ">
            <div>
              <span style="color: #3498db;font-size: 20px;">公司新闻</span>
            </div>
            <div>
              <span>首页-></span>
              <span>企业资讯-></span>
              <span style="color: #3498db;">公司新闻</span>
            </div>
          </div>
          <div class="content">
            <ul>
              <li style="padding: 0;
              margin: 0;
              padding-bottom: 15px;
              margin-bottom: 15px;
              position: relative;
              min-height: 88px;
              border-bottom-color: #ddd;
              border-bottom-width: 1px;
              border-bottom-style: dotted;">
                <h3 style="padding: 0;
                margin: 0;
                width: 100%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
                font-weight: bold;
                color:#404040;
                ">
                  <a href="./newsinfo.html" style="
                  color: #000;
                  text-decoration: none;
                  ">
                    喜迎二十大 EV56高精度可控震源亮相“奋进新时代”主题成就展
                  </a>
                </h3>
                <div style="padding: 0;
                margin: 0;
                margin-top: 15px;
                height: 20px;
                line-height: 20px;">
                  <span style="    padding: 0;
                  margin: 0;
                  display: inline-block;
                  font-family: 'Microsoft YaHei';
                  font-size: 12px;
                  font-style: normal;
                  font-weight: normal;
                  color: #BBB;
                  text-decoration: none;">2022-10-02</span>
                  <span style="float: right;
                  font-family: 'Microsoft YaHei';
                  font-size: 12px;
                  color: #BBB;">
                    <i style="    font-size: 12px;
                    color: #BBB;
                    padding-right: 3px;">xx</i>
                    <span style="">16</span>
                  </span>
                </div>

              </li>



              <li style="padding: 0;
              margin: 0;
              padding-bottom: 15px;
              margin-bottom: 15px;
              position: relative;
              min-height: 88px;
              border-bottom-color: #ddd;
              border-bottom-width: 1px;
              border-bottom-style: dotted;">
                <h3 style="padding: 0;
                margin: 0;
                width: 100%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
                font-weight: bold;
                color:#404040;
                "> <a href="./newsinfo.html" style="
                  color: #000;
                  text-decoration: none;
                  ">
                    喜迎二十大 EV56高精度可控震源亮相“奋进新时代”主题成就展
                  </a></h3>
                <div style="padding: 0;
                margin: 0;
                margin-top: 15px;
                height: 20px;
                line-height: 20px;">
                  <span style="    padding: 0;
                  margin: 0;
                  display: inline-block;
                  font-family: 'Microsoft YaHei';
                  font-size: 12px;
                  font-style: normal;
                  font-weight: normal;
                  color: #BBB;
                  text-decoration: none;">2022-10-02</span>
                  <span style="float: right;
                  font-family: 'Microsoft YaHei';
                  font-size: 12px;
                  color: #BBB;">
                    <i style="    font-size: 12px;
                    color: #BBB;
                    padding-right: 3px;">xx</i>
                    <span style="">16</span>
                  </span>
                </div>

              </li>





              <li style="padding: 0;
              margin: 0;
              padding-bottom: 15px;
              margin-bottom: 15px;
              position: relative;
              min-height: 88px;
              border-bottom-color: #ddd;
              border-bottom-width: 1px;
              border-bottom-style: dotted;">
                <h3 style="padding: 0;
                margin: 0;
                width: 100%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
                font-weight: bold;
                color:#404040;
                "> <a href="./newsinfo.html" style="
                  color: #000;
                  text-decoration: none;
                  ">
                    喜迎二十大 EV56高精度可控震源亮相“奋进新时代”主题成就展
                  </a></h3>
                <div style="padding: 0;
                margin: 0;
                margin-top: 15px;
                height: 20px;
                line-height: 20px;">
                  <span style="    padding: 0;
                  margin: 0;
                  display: inline-block;
                  font-family: 'Microsoft YaHei';
                  font-size: 12px;
                  font-style: normal;
                  font-weight: normal;
                  color: #BBB;
                  text-decoration: none;">2022-10-02</span>
                  <span style="float: right;
                  font-family: 'Microsoft YaHei';
                  font-size: 12px;
                  color: #BBB;">
                    <i style="    font-size: 12px;
                    color: #BBB;
                    padding-right: 3px;">xx</i>
                    <span style="">16</span>
                  </span>
                </div>

              </li>




              <li style="padding: 0;
              margin: 0;
              padding-bottom: 15px;
              margin-bottom: 15px;
              position: relative;
              min-height: 88px;
              border-bottom-color: #ddd;
              border-bottom-width: 1px;
              border-bottom-style: dotted;">
                <h3 style="padding: 0;
                margin: 0;
                width: 100%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
                font-weight: bold;
                color:#404040;
                "> <a href="./newsinfo.html" style="
                  color: #000;
                  text-decoration: none;
                  ">
                    喜迎二十大 EV56高精度可控震源亮相“奋进新时代”主题成就展
                  </a></h3>
                <div style="padding: 0;
                margin: 0;
                margin-top: 15px;
                height: 20px;
                line-height: 20px;">
                  <span style="    padding: 0;
                  margin: 0;
                  display: inline-block;
                  font-family: 'Microsoft YaHei';
                  font-size: 12px;
                  font-style: normal;
                  font-weight: normal;
                  color: #BBB;
                  text-decoration: none;">2022-10-02</span>
                  <span style="float: right;
                  font-family: 'Microsoft YaHei';
                  font-size: 12px;
                  color: #BBB;">
                    <i style="    font-size: 12px;
                    color: #BBB;
                    padding-right: 3px;">xx</i>
                    <span style="">16</span>
                  </span>
                </div>

              </li>



              <li style="padding: 0;
              margin: 0;
              padding-bottom: 15px;
              margin-bottom: 15px;
              position: relative;
              min-height: 88px;
              border-bottom-color: #ddd;
              border-bottom-width: 1px;
              border-bottom-style: dotted;">
                <h3 style="padding: 0;
                margin: 0;
                width: 100%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
                font-weight: bold;
                color:#404040;
                "> <a href="./newsinfo.html" style="
                  color: #000;
                  text-decoration: none;
                  ">
                    喜迎二十大 EV56高精度可控震源亮相“奋进新时代”主题成就展
                  </a></h3>
                <div style="padding: 0;
                margin: 0;
                margin-top: 15px;
                height: 20px;
                line-height: 20px;">
                  <span style="    padding: 0;
                  margin: 0;
                  display: inline-block;
                  font-family: 'Microsoft YaHei';
                  font-size: 12px;
                  font-style: normal;
                  font-weight: normal;
                  color: #BBB;
                  text-decoration: none;">2022-10-02</span>
                  <span style="float: right;
                  font-family: 'Microsoft YaHei';
                  font-size: 12px;
                  color: #BBB;">
                    <i style="    font-size: 12px;
                    color: #BBB;
                    padding-right: 3px;">xx</i>
                    <span style="">16</span>
                  </span>
                </div>

              </li>

            </ul>
          </div>
          <div onclick="aa" class="foot">
            <div class="page-icon">
              <span class="page-disabled"><i></i>上一页</span>
              <span class="page-current">1</span>
              <a href="#">2</a>
              <a href="#">3</a>
              <a href="#">4</a>
              <a href="#">5</a>
              <!--               <a href="#">6</a>
              <a href="#">7</a>
              ……
              <a href="#">199</a>
              <a href="#">200</a> -->
              <a class="page-next" href="#">下一页<i></i></a>
            </div>

          </div>
        </div>


      </div>
    </div>
  </div>



  <div class="footer">
    <div class="footer-container">
      <div class="copyright">
        <ul class="helpLink">
          <li>
            关于我们
            <span class="space"></span>
          </li>
          <li>
            联系我们
            <span class="space"></span>
          </li>
          <li>
            帮助
            <span class="space"></span>
          </li>
          <li>
            友情链接
            <span class="space" style="
                border-left: 0px solid #666;
    width: 1px;
    height: 13px;
    background: #666;
    margin: 8px 10px;
            "></span>
          </li>
        </ul>
        <p>地址：北京市昌平区宏福科技园综合楼6层</p>
        <p>京ICP备19006430号</p>
      </div>
    </div>
  </div>
  <div class="goTop" onclick="scrollIntoViewTop('html')"></div>
</body>

<link rel="stylesheet/less" href='./footer.less'>
<script src="https://cdn.bootcdn.net/ajax/libs/less.js/4.1.3/less.min.js"></script>

<script src="./js/jquery-3.6.1.min.js"></script>
<script>
  $('.home').on('click', function (e) {
    window.location.href = "index.html"
  })
  $('.prodouct').on('click', function (e) {
    window.location.href = "product.html"
  })
  $('.aboutus').on('click', function (e) {
    window.location.href = "aboutUs.html"
  })
  $('.servies').on('click', function (e) {
    window.location.href = "news.html"
  })
  $('.contact').on('click', function (e) {
    window.location.href = "contact.html"
  })
</script>

</html>